import React from 'react';

const GitHubLogo = () => (
  <svg
    viewBox="0 0 24 24"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
    className="size-6 transition-all duration-300 hover:text-blue-600"
  >
    <path
      d="M12 .297C5.373.297 0 5.67 0 12.297c0 5.303 3.438 9.8 8.207 11.387.6.113.82-.26.82-.577 0-.285-.01-1.04-.015-2.04-3.338.728-4.042-1.612-4.042-1.612-.547-1.387-1.334-1.756-1.334-1.756-1.09-.746.082-.731.082-.731 1.205.084 1.84 1.237 1.84 1.237 1.07 1.833 2.81 1.304 3.495.997.107-.775.418-1.304.762-1.605-2.665-.304-5.466-1.332-5.466-5.93 0-1.31.467-2.381 1.236-3.221-.124-.304-.536-1.527.117-3.18 0 0 1.01-.324 3.31 1.23.96-.267 1.985-.4 3.005-.404 1.02.004 2.045.137 3.006.404 2.297-1.555 3.305-1.23 3.305-1.23.655 1.653.244 2.876.12 3.18.77.84 1.235 1.911 1.235 3.221 0 4.61-2.805 5.623-5.475 5.92.43.373.81 1.1.81 2.216 0 1.6-.014 2.894-.014 3.286 0 .32.22.694.825.576C20.565 22.092 24 17.597 24 12.297 24 5.67 18.627.297 12 .297z"
      fill="currentColor"
    ></path>
  </svg>
);

export default GitHubLogo;
